<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="Css/reset.css" />
    <link rel="stylesheet" href="Css/home.css" />
    <link rel="stylesheet" href="./Css/iconfont/iconfont.css">
  </head>
  <body>
    <!--头部 -->
    <div class="header-top">
      <div class="header-content row">
        <div class="con-img">
          <img src="./image/logo.png" alt="" />
        </div>
        <div class="fengexian"></div>
        <div class="nav-header">
          <ul class="row">
            <li>
                <i class="iconfont icon-zhuye">
                </i>首页<span class="botu-set iconfont icon-xiajiantou-"></span>
            </li>
            <li>
                <i class="iconfont icon-zhuye">

                </i>文章展示<span class="botu-set iconfont icon-xiajiantou-"></span>
            </li>
            <li>
                <i class="iconfont icon-zhuye">

            </i>列表展示<span class="botu-set iconfont icon-xiajiantou-"></span>
        </li>
            <li>
                <i class="iconfont icon-zhuye">

                </i>专题<span class="botu-set iconfont icon-xiajiantou-"></span>
            </li>
            <li><i class="iconfont icon-zhuye">

            </i>VIP介绍<span class="botu-set iconfont icon-xiajiantou-"></span>
        </li>
            <li><i class="iconfont icon-zhuye">

            </i>获取本站主题<span class="botu-set iconfont icon-xiajiantou-"></span>
        </li>
          </ul>
        </div>
        <div class="header-right row">
          <div class="setspan">
           <ul class="row">
            <li><span class="setup-on iconfont icon-taiyang"></span></li>
            <li><span class="setup-on iconfont icon-sousuo"></span></li>
            <li><span class="setup-on iconfont icon-xiaoxizhongxin"></span></li>
           </ul>
          </div>
          <div class="login">
            <span class="setup-in iconfont icon-weidenglu"></span>登录
          </div>
        </div>
      </div>
    </div>

    <!-- 标题 -->
     <div class="bg-title">
         <div class="container pdcon">
        <h1>手机应用</h1>
     </div>
     </div>
    
     <!-- 导航栏 -->
      <div class="container">
        <div class="navs-brand">
        <ul class="item-navs row">
            <li class="item-title"><i class="icon iconfont icon-qianbi"></i>UI设计</li>
            <li class="item-List"><a href="#">全部</a></li>
            <li class="item-List"><a href="#">XD</a></li>
            <li class="item-List"><a href="#" class="active">手机应用</a></li>
            <li class="item-List"><a href="#">网站应用</a></li>
        </ul>
        <ul class="item-navs row">
            <li class="item-title"><i class="icon iconfont icon-qianbi"></i>价格</li>
            <li class="item-List"><a href="#" class="active">全部</a></li>
            <li class="item-List"><a href="#">免费</a></li>
            <li class="item-List"><a href="#">VIP免费</a></li>
            <li class="item-List"><a href="#">VIP会员免费</a></li>
            <li class="item-List"><a href="#">VIP会员折扣</a></li>
            <li class="item-List"><a href="#">VIP会员专属</a></li>
            <li class="item-List"><a href="#">永久VIP免费</a></li>
        </ul>
        <ul class="item-navs row">
            <li class="item-title"><i class="icon iconfont icon-qianbi"></i>排序</li>
            <li class="item-List"><a href="#" class="active">最新</a></li>
            <li class="item-List"><a href="#">热度</a></li>
            <li class="item-List"><a href="#">点赞</a></li>
            <li class="item-List"><a href="#">收藏</a></li>
            <li class="item-List"><a href="#">更新</a></li>
            <li class="item-List"><a href="#">随机</a></li>
        </ul>
      </div>
      </div>
      
      <!-- 展示区 -->
      <div class="box-countent">
        <div class="container groupcon row">
            <!-- <div class="countent-List row"> -->
                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-vip">
                        VIP
                    </div>
                    <div class="item-bottom border">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i class="iconfont icon-shijian"></i>4年前</span>
                        <span class="icifo"><i class="iconfont icon-aixin"></i>0</span>
                        <span class="icifo"><i class="iconfont icon-shoucang"></i>0</span>
                        <span class="icifo"><i class="iconfont icon-xianshi"></i>501</span>
                        <span class="icifo-laste"><i class="iconfont icon-qianbi"></i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-vip">
                        VIP
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>

                <div class="const-item">
                    <div class="item-hove column">
                        <div class="item-top">
                        <img src="./image/01.png" alt="">
                    </div>
                    <div class="item-bottom borber">
                        <div class="bot-title row">
                            <a href="#" class="p-title">手机应用</a>
                        </div>
                        <h2><a href="#">Diamond kit 多用途UI 2.0</a></h2>
                        <p>概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</p>
                    <div class="item-info row">
                        <span class="icifo"><i>?</i>4年前</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>0</span>
                        <span class="icifo"><i>?</i>501</span>
                        <span class="icifo-laste"><i>?</i>6</span>
                    </div>
                    </div>
                    </div>
                </div>
            <!-- </div> -->
        </div>
      </div>

      <!-- 页脚 -->
       <div class="box-footer border">
        <div class="container">
            <div class="footer-top row borber">
                <div class="flex-footer column  border">
                    <div class="footer-img">
                    <img src="./image/logo.png" alt="" />
                  </div>
                  <p>日主题v2是一款全新架构的Wordpress主题，兼容老款日主题，支持会员商城 ，前后台界面均支持html5响应式布局，夜间模式一键切换。</p>
                </div>
                <div class="md-ksdh border">
                    <h4 class="mar-b">快速导航</h4>
                    <dl>
                        <dd>个人中心</dd>
                        <dd>个人中心</dd>
                        <dd>个人中心</dd>
                    </dl>
                </div>
                <div class="md-gybz border">
                    <h4 class="mar-b">快速导航</h4>
                    <dl>
                        <dd>个人中心</dd>
                        <dd>个人中心</dd>
                        <dd>个人中心</dd>
                    </dl>
                </div>
                <div class="md-lxwm border">
                    <h4 class="mar-b">快速导航</h4>
                    <div class="erweima-info">
                        <img src="./image/ritheme-qr.png" alt="">
                        <img src="./image/ritheme-qr.png" alt="">
                        如有BUG或建议可与我们在线联系或登录本站账号进入个人中心提交工单。
                    </div>
                </div>
            </div>

            <div class="text-center">
                <div>
                    Copyright © 2021 
                    <a href="#">RiPro-V2</a> 
                    - All rights reserved
                </div>
                <div class="text-center">
                    <a href="#" target="">京ICP备18888888号-1</a>
                    <a href="#" alt=""><img src="./image/icp.png" alt="" height="18px" style="vertical-align: middle;">京公网安备 188888888</a> | 本站数据为演示数据，均来自互联网采集转载，仅供体验
                </div>
                <p class="debug-info text-center">使用Redis缓存技术加速：SQL：29
                    <span class="sep"> | </span>Pages：0.23441s</p>
            </div>
        </div>
       </div>
     
  </body>
</html>
